<%@ page contentType="text/html; charset=utf-8" language="java"%>
<jsp:include page="../common.jsp" />
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/kj/reset.css" rel="stylesheet">
<link href="css/kj/style.css" rel="stylesheet">
<script src="js/kj/TweenMax.min.js"></script>
<script src="js/kj/EasePack.min.js"></script>
<script src="js/kj/CSSPlugin.min.js"></script>
<script src="js/kj/jquery.countdown.js"></script>
<script src="js/kj/js.js"></script>
<title>凯捷自动签到</title>
</head>
<body class="direction-right">

        <!-- STARS -->
	    <div class="stars large"></div>
	    <div class="stars small"></div>
        <!-- /STARS -->

        <!-- CONTENT -->
        <div id="content">

            <!-- LOGO -->
            <img src="static/images/kj/logo.png" alt="atuo check">
            <!-- /LOGO -->

            <!-- PANEL -->
            <div id="panel">
                <!-- UNDER CONSTRUCTION -->
                <h1>凯捷员工内部使用</h1>
                <!-- /UNDER CONSTRUCTION -->

                <!-- SUBSCRIBE -->
                <div id="subscribe">
                    <!-- SUBSCRIPTION HEADER -->
                    <p>那尼，现在只要填入您的员工号就能实现自动签到了喔<br>赶紧来试试吧</p>
                    <!-- /SUBSCRIPTION HEADER -->

                    <!-- SUBSCRIPTION FORM -->
                    <form id="subscribe-form" action="kj/autoCheckIn" method="POST">
                        <input type="text" id="subscribe-email" name="email" placeholder="email">
                        <input type="text" id="subscribe-employId" name="employId" placeholder="员工号">
                        <input type="submit" id="subscribe-button" value="Subscribe">
                    </form>
                    <!-- /SUBSCRIPTION FORM -->
                </div>
                <!-- /SUBSCRIBE -->

                <!-- DESCRIPTION -->
                <p id="description">我们现在的的签到策略是早上6点签入和晚上8点签出，如果是星期四则晚上11点55签出.<br/>后续将实现个人自定义策略的签入和签出</p>
                <!-- /DESCRIPTION -->

                <!-- SOCIAL -->
                <div id="social">
                    <a href="#">
                        <img src="static/images/kj/social-twitter.png" alt="Twitter">
                    </a>

                    <a href="#">
                        <img src="static/images/kj/social-facebook.pn"static/imageslt="Facebook">
                    </a>

                    <a href="#">
                        <img src="static/images/kj/social-google.png" alt="Google Plus">
                    </a>
                </div>
                <!-- /SOCIAL -->

                <!-- POST SCRIPTUM -->
                <p id="postscriptum">Send us a letter to <a href="#">x334085347@126.com</a> More ideas</p>
                <!-- /POST SCRIPTUM -->
            </div>

            <!-- COUNTDOWN -->
            网站的运行成本是一天1块钱，我们的网站还能运行 
            <div id="countdown">
                <div>
                    <div class="days"></div> <!-- number container -->
                    <div class="countdown-text">days</div>
                </div>

                <div>
                    <div class="hours"></div> <!-- number container -->
                    <div class="countdown-text">hours</div>
                </div>

                <div>
                    <div class="minutes"></div> <!-- number container -->
                    <div class="countdown-text">minutes</div>
                </div>

                <div>
                    <div class="seconds"></div> <!-- number container -->
                    <div class="countdown-text">seconds</div>
                </div>
            </div>
            我们需要您的资助<a href='http://me.alipay.com/xiaomaalipay' target="_blank"> 
            <img src='https://img.alipay.com/sys/personalprod/style/mc/btn-index.png' /> 
            </a>
            <!-- /COUNTDOWN -->

        </div>
        <!-- /CONTENT -->

        <!-- VERTICAL ALIGN HELPER -->
        <div id="helper"></div>
        <!-- /HELPER -->
</body>
</html>